<!DOCTYPE html>
<html lang="zh">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>柒</title>
  <link rel="stylesheet" href="css/index.css">
  <script src="JavaScript/index.js"></script>
</head>

<body>
  <!-- nav -->
  <header id="nav">
    <div class="navbar-container">
      <div class="logo" id="name"><img src="images/index/logo.png" alt="logo"></div>
      <nav>
        <ul class="nav-center">
          <li><a href="index.html">首页</a></li>
          <li><a
              href="https://www.bilibili.com/video/BV1NbEozvEm4/?spm_id_from=333.1387.homepage.video_card.click">讲解视频</a>
          </li>
          <li><a href="#foot">仓库</a></li>
          <li><a href="about.html">关于我们</a></li>
        </ul>
      </nav>
      <div class="right">
        <a href="#">登录</a>
      </div>
      <div id="menu-toggle" class="menu-toggle">☰</div>
    </div>

    <div id="mobile" class="mobile-nav">
      <a href="index.html">首页</a>
      <a href="https://www.bilibili.com/video/BV1NbEozvEm4/?spm_id_from=333.1387.homepage.video_card.click">讲解视频</a>
      <a href="#foot">仓库</a>
      <a href="about.html">关于我们</a>
      <a href="#">登录</a>
    </div>
  </header>
  <!-- nav -->

  <!-- banner -->
  <section>
    <div class="banner">
      <img src="images/index/banner.jpg" alt="">
    </div>
  </section>
  <!-- banner -->

  <!-- about -->
  <div id="about">
    <div class="about">
      <div class="about-title">
        <span>关于我们</span>
        <span class="xiao-title">ABOUT US</span>
      </div>
      <div class="about-content">
        <span>不止于柒</span>
        <p>
          一种理念的延伸，象征完整与连接，而我们相信，真正的价值，不止于数字的组合，而在于人与人之间的共振、灵感与信任的交融。柒，象征七个维度的融合：技术、设计、数据、产品、战略、用户、未来。更象征着突破定义、持续演进的可能。
        </p>
        <div class="about-more">MORE+</div>
      </div>
    </div>
  </div>
  <!-- about -->

  <!-- product -->
  <div id="product">
    <div class="product">
      <div class="product-title">
        <span>产品概览</span>
        <span class="xiao-title">PRODUCT</span>
      </div>
      <div class="product-content">
        <ul>
          <li>
            <a href="shopping.html">
              <div class="product-img">
                <img src="images/index/1.png" alt="">
              </div>
              <div class="product-text">
                <span>EchoSphere</span>
                <span>价格：666￥</span>
              </div>
            </a>
          </li>
          <li>
            <a href="shopping.html">
              <div class="product-img">
                <img src="images/index/2.png" alt="">
              </div>
              <div class="product-text">
                <span>NebulaVision</span>
                <span>价格：999￥</span>
              </div>
            </a>
          </li>
          <li>
            <a href="shopping.html">
              <div class="product-img">
                <img src="images/index/3.png" alt="">
              </div>
              <div class="product-text">
                <span>VisionX 360</span>
                <span>价格：888￥</span>
              </div>
            </a>
          </li>
          <li>
            <a href="shopping.html">
              <div class="product-img">
                <img src="images/index/4.png" alt="">
              </div>
              <div class="product-text">
                <span>SpectraScope </span>
                <span>价格：999￥</span>
              </div>
            </a>
          </li>
        </ul>
      </div>
      <div class="more">MORE+</div>
    </div>
  </div>
  <!-- product -->

  <!-- Side -->
  <div id="side">
    <div class="jiantou"><img src="images/index/copylan.png" alt="Return to the top" id="jiantou"></div>
    <div id="setting"><img src="images/index/settinghei.png" alt=""></div>
  </div>
  <!-- Side -->

  <!-- foot -->
  <div id="foot">
    <div class="foot">
      <p>仓库地址：<a href="https://gitee.com/heyi-private/group-7"
          style="color: white;">https://gitee.com/heyi-private/group-7</a></p>
      <p>组长：胡晓婷 &nbsp;&nbsp; 仓库名：camellia1323</p>
      <p>组员：叶锦钊 &nbsp;&nbsp; 仓库名：叶锦钊</p>
      <p>组员：李伟文 &nbsp;&nbsp; 仓库名：李伟文</p>
      <p>组员：周超 &nbsp;&nbsp; 仓库名：周超</p>
      <p>组员：何志博 &nbsp;&nbsp; 仓库名：heyi</p>
      <p>Copyright © 2025-2025 第七组 版权所有</p>
    </div>
  </div>
  <!-- foot -->
</body>

</html>